<!-- toaster directive -->
<toaster-container
	toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
	<ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
		<li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
		<li><a ui-sref="main.hui.backmessage.list">平台消息管理</a></li>
		<li class="active" ng-bind="title"></li>
	</ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
	<div class="panel panel-default">
		<!-- 头部 -->
		<div class="panel-heading font-bold">{{title}}
			<a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.hui.backmessage.list"><i class="text-md fa fa-times text-muted"></i></a>
		</div>

		<!--表单-->
		<div class="panel-body">
			<form class="form-horizontal" name="user_form">
				<!--hm.id            as id,
				hm.message_title as messageTitle,
				hm.create_time as createTime,
				hm.mobile as mobile,
				hm.read_flag as readFlag,
				h.menu_name as  typeName,
				hm.message_comments as messageComments,
				hm.message_icon  as messageIcon,
				hm.message_detail as messageDetail-->
				<!--消息标题-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">用户手机号:</label>
					<label class="control-label" ng-if="record.mobile==null">公共消息无手机号</label>
					<label class="control-label" ng-if="record.mobile!=null">{{record.mobile}}</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>

				<!--消息类型-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">消息类型:</label>
					<label class="control-label">{{record.typeName}}</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--消息标题-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">消息标题:</label>
					<label class="control-label">{{record.messageTitle}}</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--消息内容-->
				<div class="form-group" >
					<label class="col-lg-2 col-sm-3 control-label">消息内容:</label>
					<div class="col-sm-8"  >
						<label class="control-label" style="text-align: left">{{record.messageComments}}</label>
					</div>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--消息详情-->

				<div class="form-group" >
					<label class="col-lg-2 col-sm-3 control-label">消息详情:</label>
					<div class="col-sm-8"  >
						<label class="control-label" style="text-align: left">{{record.messageDetail}}</label>
					</div>
				</div>




				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!-- 消息图标-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">消息图标:</label><label class="control-label">
					<span ng-if="record.messageIcon!=null"><a target='_blank' href='{{record.messageIcon}}'><img alt='' height='50' width='50' src='{{record.messageIcon}}'></a></span></label>
				</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--页面样式-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">页面样式:</label>
					<label class="control-label" ng-if="record.pageStyle==1">图片居中</label>
					<label class="control-label" ng-if="record.pageStyle==2">图片居左</label>
					<label class="control-label" ng-if="record.pageStyle==3">无图片环绕</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--消息url跳转地址-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">url地址:</label>
					<label class=" control-label" ng-if="record.innerUrl!=null">{{record.innerUrl}}</label>
					<label class=" control-label" ng-if="record.innerUrl==null">无跳转url</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
			</form>
		</div>
	</div>
</div>
